var filter_data = []
Object.keys(data).forEach(state => {
    filter_data.push({
        name: state,
        value: data[state]['2020/05/19']['cumsum_confirmed']
    })

})

// 取前十个最小的
var min_10 = filter_data.sort(function(a, b) {
    return a.value - b.value
}).slice(0, 10)

// for (var idx = 0; idx < 10; idx++) {
//     min_10[idx] = min_10[idx] / min_10[-1]
// }
var biggest = min_10[9].value
min_10.forEach(state => {
    state.value = state.value * 100 / biggest
})
console.log('min_10', min_10)



var filter_chart = echarts.init(document.getElementById('filter_chart'));

var filter_chart_option = {
    title: {
        text: 'Top 10 States With Least Casualty',
        top: '20px',
        left: 'center'
            //subtext: '纯属虚构'
    },
    tooltip: {
        trigger: 'item',
        // formatter: "{b} : {c}%"
        // formatter: "{a} <br/>{b} : {value}"
        formatter: function(ele) {
            return "<b>" + ele.name + "</b> : " + Math.floor(ele.value * biggest / 100)
        }

    },
    // legend: {
    //     data: ['展现', '点击', '访问', '咨询', '订单']
    // },

    series: [{
        name: '漏斗图',
        type: 'funnel',
        left: '10%',
        top: 60,
        //x2: 80,
        bottom: 60,
        width: '80%',
        // height: {totalHeight} - y - y2,
        min: 0,
        max: 100,
        minSize: '0%',
        maxSize: '100%',
        sort: 'ascending',
        gap: 2,
        label: {
            show: true,
            position: 'inside'
        },

        labelLine: {
            length: 10,
            lineStyle: {
                width: 1,
                type: 'solid'
            }
        },
        itemStyle: {
            borderColor: '#fff',
            borderWidth: 1
        },
        emphasis: {
            label: {
                fontSize: 20
            }
        },
        data: min_10
            // [
            //     { value: 60, name: '访问' },
            //     { value: 40, name: '咨询' },
            //     { value: 20, name: '订单' },
            //     { value: 80, name: '点击' },
            //     { value: 100, name: '展现' }
            // ]
    }]
};

filter_chart.setOption(filter_chart_option);